<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cratia</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <div class="head">
        <div class="logo-box">
            <image class="restaurant-logo" src="./Logo.png">
            <div class="restaurant-name">Ciatra</div>
        </div>
        <div class="navigation">
            <div class="navi-tittle">About</div>
            <div class="navi-tittle">Menu</div>
            <div class="navi-tittle">Gallery</div>
            <div class="navi-tittle">Contact</div>
            </div>
        </div>
            <div class="line-1"></div>
    </div>
    <div class="curry1">
        <div class="box2">
      <div class="curry2">MENU</div>
        <div class="description-1">Lorem ipsum dolor sit amet,consecteturadipiscing elit.</div>
    </div>
    <div class="header">
            <div class=blank>
                <image style="width: 100%;"src="./Main Dishes.png">
                <div class="food-name">MAIN DISHES</div>
                <div class="line-2"></div>
                <div class="description-1">Lorem ipsum dolor sit amet,consecteturadipiscing elit.</div>
            </div>
            <div class=blank>
                <image style="width: 100%;"src="./Soups.png">
                <div class="food-name">SOUPS</div>
                <div class="line-2"></div>
                <div class="description-1">Lorem ipsum dolor sit amet,consecteturadipiscing elit.</div>
            </div>
            <div class=blank>
                <image style="width: 100%;"src="./Hamburgers.png">
                <div class="food-name">HAMBURGERS</div>
                <div class="line-2"></div>
                <div class="description-1">Lorem ipsum dolor sit amet,consecteturadipiscing elit.</div> 
            </div>       
            <div class=blank>
                <image style="width: 100%;"src="./Desserts.png">
                <div class="food-name">DESSERTS</div>
                <div class="line-2"></div>   
                <div class="description-1">Lorem ipsum dolor sit amet,consecteturadipiscing elit.</div>
            </div>
            <div class=blank>
                <image style="width: 100%;"src="./Barbecue.png">
                <div class="food-name">BARBECUE</div>
                <div class="line-2"></div>
                <div class="description-1">Lorem ipsum dolor sit amet,consecteturadipiscing elit.</div>    
            </div>
            <div class=blank>
                <image style="width: 100%;"src="./Salads.png">
                <div class="food-name">SALADS</div>
                <div class="line-2"></div>
                <div class="description-1">Lorem ipsum dolor sit amet,consecteturadipiscing elit.</div>   
            </div>
            
            
            </div>
        </div>
    </div>
    <div class="interval"></div>
    <div class="foot">
        <div class="fen"></div>
        <div class="whole">
            <div class="line-4"></div>
                <image src="./Logo.png">
            <div class="line-4"></div>
        </div>           
    </div>  
    <div class="james"> 
     <div class="foot-tittle">Cratia restaurant</div>
     <div class="foot-second">Copyright 2016.All right served by symu</div> 
     <div class="line-3"></div>

 <div class="footer">
     <div class="footers"><image src="FB.png"></image></div>
     <div class="footers"><image src="TR.png"></image></div>
     <div class="footers"><image src="IG.png"></image></div>
    </div>  
       
 </div>

</body>
<html>




